.login.content {
	width: 100%;
	height: 100%;
	display: flex;
	box-sizing: border-box;
	background: url('@/assets/images/bg.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;

	.login-content {
		height: auto;
		width: 100%;
		padding: auto auto;
		display: flex;
		justify-items: center;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		background: rgba(255, 255, 255, 0.5) url('@/assets/images/bg.svg');
		background-size: cover;
		backdrop-filter: blur(0px);

		>.form {
			width: 800px;
			height: auto;
			background-color: hsla(0, 0%, 100%, 0.8);
			border-radius: 16px;
			padding: 16px 16px 16px 16px;
			box-sizing: border-box;
			box-shadow: var(--ds-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.1), 0 0 0.6px rgba(9, 30, 66, 0.2));
			opacity: 0.9;
			backdrop-filter: blur(50px);

			.version {
				font-size: 14px;
				text-align: center;
				color: #888;
			}

			.login-button {
				width: 100%;
				background-color: #0052cc;
			}

			.in-input {
				padding-left: 5px;
				font-size: 18px;
				
				.ep-input__prefix-inner{
					color: #0052cc;
				}
				.ep-input__inner{
					color: #0052cc;
					font-size: 20px;
				}
			}

			>.title {
				font-size: 32px;
				color: #0052cc;
				padding-bottom: 16px;
			}

			>.info {
				font-size: 24px;
				padding: 8px 0;
				display: flex;
				justify-content: flex-start;
				justify-items: center;
				align-items: center;

				>.t1 {
					font-size: 32px;
					padding: 8px 0;
					color: #0052cc;
				}

				>.t2 {
					font-size: 28.8px;
					padding: 8px 0;
				}
			}

			>.i {
				padding: 5px 0 0 0;

				&.button {
					padding: 24px 0 16px 0;
					border-radius: 7px;
				}

				>.title {
					font-size: 19px;
					padding: 8px 0;
					color: #000;
				}
			}
		}
	}
}